// 路由导航守卫
import router from '@/router'
import store from '@/store'
// 引入 进度条工具
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
// 白名单
const whiteList = ['/login', '/404']
router.beforeEach(async(to, from, next) => {
  NProgress.start() // 页面开始跳转 开启进度条
  //
  document.title = `${to.meta.title}-人力资源管理系统`
  const token = store.state.user.token
  // 判断是否登录
  if (token) {
    // 以登录
    // 登录了 就不能去login页了
    if (to.path === '/login') {
      console.log('您已经登录过了,直接去首页')
      next('/')
    } else {
      console.log('已经登录,放行')
      next()
      // 触发 vuex actions中的函数 登录成功后就发送请求
      // 用户信心实际上只需要获取一次就可以了 所以 判断vuex中是否已经有了userInfo 没有再获取
      // 通过判断userInfo中是否有id
      if (!store.state.user.userInfo.userId) {
        await store.dispatch('user/getUserInfo')
      }
    }
  } else {
    // 未登录
    // 想去页面是否需要登录权限 不需要 放行,需要,等录去

    if (whiteList.includes(to.path)) {
      next()
    } else {
      console.log('不是白名单,等录去')
      // 不是白名单
      next('/login')
    }
  }
})
// 全局后置守卫
router.afterEach(() => {
  NProgress.done() // 页面跳转完成，关闭进度条
})
